/**
    Fang
    21/05/20
    首页样式
 */

/*.demo {*/
/*    border: black 1px solid;*/
/*}*/
.Flex {
    display: flex;
    justify-content: center;
    align-items: center;
}
header {
    height: 75px;
    display: grid;
    grid-template: 100% / 40% 60%;
}
header>div {
    display: flex;
    justify-content: center;
    align-items: center;
}
#header-right>h1 {
    margin-right: 10px;
    transition: background-color 1S;
}

#header-right>h1:hover {
    background-color: darkgray;
}

#carousel {
    height: 800px;
    background-image: url("../imge/header/lowpoly-.jpg");
    display: grid;
    grid-template: 70% 30% / 100%;
}
#intro {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#intro>h1,p {
    color: aliceblue;
}
#design {
    height: 650px;
    display: grid;
    grid-template: 100% / 10% 40% 10%;
    justify-content: center;
}
#left>img {
    transform: rotate(90deg);
    width: 100%;
}
#right>img {
    transform: rotate(-90deg);
    width: 100%;
}
#content {
    display: grid;
    grid-template: 30% 70% / repeat(3,33%);
}
.cent {
    display: grid;
    grid-template: 30% 60% / 100%;
    align-items: center;
}
.cent p {
    color: black;
}
#map {
    height: 540px;
}
#map>img {
    width: 100%;
    height: 100%;
}
#fot {
    height: 60px;
    background-color: darkgray;
    display: grid;
    grid-template: 100% / 60% 40%;
}
#fot p {
    margin: 0 10px 0 10px;
}


